@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}

main{
		
		.nav{
			padding: 2vw 52vw 6vw 20.9vw;
			background-image: url(../img/homeBg.png);
			background-repeat: no-repeat;
			
			/* 浏览器有多宽，背景图片就有多宽*/
			background-size: cover;
			.navTop{
				display: flex;
				width: 8vw;
				justify-content: space-between;
				margin-bottom: 9vw;
				span{
					height: 1vw;
					font-size: 1vw;
					font-weight: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #ffffff;
				}
			}
			.navCenter{
				margin-bottom: 3vw;
				.title1{
					margin-bottom: 1.5vw;
					font-size: 3vw;
					font-weight: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #ffffff;
					box-shadow: 0vw 0vw 1vw 0vw 
							rgba(46, 34, 38, 0)
				}
				.title2{
					font-size: 1vw;
					font-weight: normal;
					font-style: italic;
					// font-family: AbadiMT-CondensedLight;	
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #ffffff;
				}
				.title3{
					margin-top: 1vw;
					margin-bottom: 2vw;
					font-size: 1vw;
					font-weight: normal;
					
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #ffffff;
					
				}
			}
			.navBottom{
				margin-bottom: 2vw;
				.imgBox{
					margin-bottom: 1vw;
					width: 9vw;
					height: 6vw;
					overflow: hidden;
					img{
						width: 100%;
					}
				}
				.text{
					width: 19vw;
					display: flex;
					justify-content: space-between;
					a{
						
						border-radius: 0.5vw;
						width: 7vw;
						height: 3vw;
						background-color: #3584bd;
						font-size: 1vw;
						font-weight: normal;
						
						line-height: 3vw;
						letter-spacing: 0vw;
						color: #ffffff;
						padding: 0 1vw;
					}
				}
				
			}
		}
		.new{
			padding: 0 11vw 4vw;
			background-color: #FFFFFF;
			.newNav{
				border-top: 2vw solid #003e6b;
				border-left: 1vw solid transparent;
				border-right: 1vw solid transparent; 
				height: 0; 
				width: 74vw;
				margin: 0 auto;
				
				.imgBox{
					display: inline-block;
					margin-left: 3vw;
					margin-top: -1.8vw;
					width: 5vw;
				    height: 2vw;
				    overflow: hidden;
				    img{
						width: 100%;
					}
			       }
				p{
					display: inline-block;
					margin-top: -1.7vw;
					margin-left: 9vw;
					font-size: 0.5vw;
					height: 2vw;
					font-weight: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #ffffff;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}	
			}
		}
		.newText{
			display: flex;
			justify-content: space-between;
			margin: 5vw auto 3vw;
			width: 66vw;
			.left{
				.imgBox{
					width: 20vw;
					height: 10vw;
					img{
						width: 100%;
					}
				}
				.content{
					width: 11.8vw;
					height:7.7vw;
					padding: 0.6vw 4vw;
					text-align: center;
					h1{
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #12151c;
					}
					p{
						margin-top: 0.7vw;
						font-size: 0.6vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1.3vw;
						letter-spacing: 0vw;
						color: #525252;
						
					}
				}
			}
			.center{
				.imgBox{
					width: 20vw;
					height: 10vw;
					img{
						width: 100%;
					}
				}
				.content{
					width: 15.9vw;
					height: 7.7vw;;
					padding: 0.6vw 2vw;
					text-align: center;
					h1{
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #12151c;
					}
					p{
						margin-top: 0.7vw;
						font-size: 0.6vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1.3vw;
						letter-spacing: 0vw;
						color: #525252;
						
					}
				}
			}
			.right{
				.imgBox{
					width: 20vw;
					height: 10vw;
					img{
						width: 100%;
					}
				}
				.content{
					width: 15.9vw;
					height: 7.7vw;
					padding: 0.6vw 2vw;
					text-align: center;
					h1{
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #12151c;
					}
					p{
						margin-top: 0.7vw;
						font-size: 0.6vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1.3vw;
						letter-spacing: 0vw;
						color: #525252;
						// opacity: 0.9;
					}
				}
			}
		}
		.map{
			background-color: #FFFFFF;
			padding: 4vw 16vw 5vw;
			.title{
				text-align: center;
				h1{
					font-size: 2vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 2vw;
					letter-spacing: 0vw;
					color: #12151c;
				}
			}
			.content{
				display: flex;
				justify-content: space-between;
				align-items:flex-end;
				.left{
					width: 34vw;
					height: 19vw;
					overflow: hidden;
					img{
						width: 100%;
					}
				}
				.right{
					h1{
						margin-bottom: 2vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #12151c;
					}
					h2{
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #525252;
					}
					.text{
						
						width: 19vw;
						display: flex;
						justify-content: space-between;
						a{
							margin-top: 4vw;
							border-radius: 0.5vw;
							width: 7vw;
							height: 3vw;
							background-color: #3584bd;
							font-size: 1vw;
							font-weight: normal;
							
							line-height: 3vw;
							letter-spacing: 0vw;
							color: #ffffff;
							padding: 0 1vw;
							&:last-child{
								background-color: #494a4b;
							}
						}
					}
				}
			}
		}
	.focus{
		background-color: #ebebeb;
		padding-left: 23vw;
		padding-right: 23vw;
		padding-bottom: 6vw;
		position: relative;
		.arrowBox{
			margin:0 auto;
			width: 2vw;
			height: 2vw;
			overflow: hidden;
			position: absolute;
			top:-4.7vw;
			left:48vw;
			img{
				width: 100%;
			}
		}
		h2{
			margin: 4vw auto 4vw;
			text-align: center;
			font-size: 2vw;
			font-weight: normal;
			font-stretch: normal;
			line-height: 2vw;
			letter-spacing: 0vw;
			color: #12151c;
		}
		.content{
			display: flex;
			justify-content: space-between;
			position: relative;
			.cont{
				display: flex;
				justify-content: space-between;
				width: 13vw;
				.left{
					width: 6vw;
					height: 6vw;
					overflow: hidden;
					img{
						width: 100%;
					}
				}
				.right{
					margin-left: 1vw;
					width: 6vw;
					p{
						display: inline-block;
						margin-top: 1vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1.2vw;
						letter-spacing: 0vw;
						color: #525252;
						
					}
					.bottom{
						width: 4vw;
						height: 1vw;
						overflow: hidden;
						position: absolute;
						bottom: 0;
						img{
							width: 100%;
						}
					}
				}
				
			}
		}
		.contentBottom{
			margin: 3vw 9vw auto;
			display: flex;
			justify-content: space-between;
			position: relative;
			.cont{
				display: flex;
				justify-content: space-between;
				width: 13vw;
				.left{
					width: 6vw;
					height: 6vw;
					overflow: hidden;
					img{
						width: 100%;
					}
				}
				.right{
					margin-left: 1vw;
					width: 6vw;
					p{
						display: inline-block;
						margin-top: 1vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1.2vw;
						letter-spacing: 0vw;
						color: #525252;
						
					}
					.bottom{
						width: 4vw;
						height: 1vw;
						overflow: hidden;
						position: absolute;
						bottom: 0;
						img{
							width: 100%;
						}
					}
				}
				
			}
		}
	}
		
}